<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
	================================================== -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HIDEO HTML5, CSS3, responsive, Bootstrap 3 website
	template</title>
<link href="custom/css/login.css" rel="stylesheet">


</head>
<body class="header1 activateAppearAnimation">
	<!-- Primary Page Layout 
	===============================s=================== -->
	<!-- globalWrapper -->
	<div id="globalWrapper">
		<jsp:include page="core/template/HEADER_LOGIN.jsp"></jsp:include>
		<header class="page-header">
			<div class="container">
				<div class="row">
					<div class="col-sm-6">
						<h1>Assign Job</h1>
					</div>

				</div>
			</div>
		</header>
		<!-- Content -->
		<section id="content" style="background: url('core/images/feature.png') repeat;">
			<section class="pt30 pb30">
				<div class="container clearfix">
					<div class="row mb15">
						<div class="col-md-10 ">
							<h2>ผลงานของฉัน</h2>
						</div>
						<div class="col-md-2">
							<p align="center">
								<button type="button" class="btn btn-labeled btn-success font4" data-toggle="modal"
															data-target="#btnAddPortfolio">
									<span class="btn-label"><i class="icon-plus-circled"></i></span>เพิ่มผลงานของฉัน
								</button>
							</p>
						</div>
					</div>

					<div class="row">
						<div class="col-md-12">
							<div class="color0 boxcontent">
								<div class="row">
									<nav id="filter" class="span12 text-center font4">
										<div class="btn-group">
											<a href="" class="btn btn-default font4" data-filter="*">All</a>
											<a href="" class="btn btn-default font4"
												data-filter=".graphics">Graphics</a> <a href=""
												class="btn btn-default font4" data-filter=".women">Women</a>
											<a href="" class="btn btn-default font4" data-filter=".cats">Cats</a>
										</div>
									</nav>
									<div
										class="portfolio-items  isotopeWrapper clearfix imgHover neko-hover-1"
										id="3">
										<!-- portfolio item -->
										<article class="col-sm-3 isotopeItem women">

											<figure>
												<img alt="" src="core/images/portfolio/vign6.jpg"
													class="img-responsive">

												<figcaption>
													<ul class="pinInfo">
														<li><a href=""><i class="icon-eye"></i>150</a></li>
														<li><a href=""><i class="icon-comment-1"></i>4</a></li>
														<li><a href=""><i class="icon-heart"></i>32</a></li>
													</ul>
													<div class="iconLinks">
														<a href="portfolio-project-fullwidth-image.html"
															title="link"><i class="icon-picture "></i></a> <a
															href="core/images/portfolio/zoom6.jpg" class="image-link"
															title="Zoom"><i class="icon-search"></i></a>
													</div>
												</figcaption>
											</figure>
											<section class="boxContent">
												<h3>Full width image</h3>
												<p>
													Lorem ipsum dolor sit amet, consectetur adipiscing elit.
													Morbi vulputate nunc ut tellus sollicitudin placerat. <br />
												</p>
												<div align="right" class="mt05">
													<span>
													<a href="#"><button type="button"
															class="btn btn-success btn-xs" data-toggle="modal"
															data-target="#btnEditPortfolio">
															<span class="fontHeader4"><i
																class="icon-pencil iconSmall"></i> แก้ไข</span>
														</button></a>
													</span>  <span><a href="#">
														<button type="button" class="btn btn-danger btn-xs">
															<span class="fontHeader4"><i
																class="icon-minus-circled iconSmall"></i> ลบ</span>
														</button></a></span>
												</div>
											</section>

										</article>
										<!-- portfolio item -->

										<!-- portfolio item -->
										<article class="col-sm-3 isotopeItem cats">

											<figure>
												<img alt="" src="core/images/portfolio/vign1.jpg"
													class="img-responsive">

												<figcaption>
													<ul class="pinInfo">
														<li><a href=""><i class="icon-eye"></i>150</a></li>
														<li><a href=""><i class="icon-comment-1"></i>4</a></li>
														<li><a href=""><i class="icon-heart"></i>32</a></li>
													</ul>
													<div class="iconLinks">
														<a href="portfolio-project-fullwidth-image.html"
															title="link"><i class="icon-videocam"></i></a> <a
															href="http://www.youtube.com/watch?v=Cvds3cmJ9hI"
															class="image-iframe" title="Zoom"><i
															class="icon-search"></i></a>
													</div>
												</figcaption>
											</figure>
											<section class="boxContent">
												<h3>Video YouTube</h3>
												<p>
													Lorem ipsum dolor sit amet, consectetur adipiscing elit.
													Morbi vulputate nunc ut tellus sollicitudin placerat. <br>
												</p>
												<div align="right" class="mt05">
													<a href="freelanceDetailPage.jsp"><button type="button"
															class="btn btn-success btn-xs">
															<span class="fontHeader4"><i
																class="icon-pencil iconSmall"></i> แก้ไข</span>
														</button>
														<button type="button" class="btn btn-danger btn-xs">
															<span class="fontHeader4"><i
																class="icon-minus-circled iconSmall"></i> ลบ</span>
														</button></a>
												</div>
											</section>

										</article>
										<!-- portfolio item -->

										<!-- portfolio item -->
										<article class="col-sm-3 isotopeItem graphics">

											<figure>
												<img alt="" src="core/images/portfolio/vign7.jpg"
													class="img-responsive">

												<figcaption>
													<ul class="pinInfo">
														<li><a href=""><i class="icon-eye"></i>150</a></li>
														<li><a href=""><i class="icon-comment-1"></i>4</a></li>
														<li><a href=""><i class="icon-heart"></i>32</a></li>
													</ul>
													<div class="iconLinks">
														<a href="portfolio-project-fullwidth-image.html"
															title="link"><i class="icon-videocam"></i></a> <a
															href="//player.vimeo.com/video/62198366"
															class="image-iframe" title="Zoom"><i
															class="icon-search"></i></a>
													</div>
												</figcaption>
											</figure>
											<section class="boxContent">
												<h3>Video Vimeo</h3>
												<p>
													Lorem ipsum dolor sit amet, consectetur adipiscing elit.
													Morbi vulputate nunc ut tellus sollicitudin placerat. <br>
												</p>
												<div align="right" class="mt05">
													<a href="freelanceDetailPage.jsp"><button type="button"
															class="btn btn-success btn-xs">
															<span class="fontHeader4"><i
																class="icon-pencil iconSmall"></i> แก้ไข</span>
														</button>
														<button type="button" class="btn btn-danger btn-xs">
															<span class="fontHeader4"><i
																class="icon-minus-circled iconSmall"></i> ลบ</span>
														</button></a>
												</div>
											</section>

										</article>
										<!-- portfolio item -->

										<!-- portfolio item -->
										<article class="col-sm-3 isotopeItem cats">

											<figure>
												<img alt="" src="core/images/portfolio/vign3.jpg"
													class="img-responsive">

												<figcaption>
													<ul class="pinInfo">
														<li><a href=""><i class="icon-eye"></i>150</a></li>
														<li><a href=""><i class="icon-comment-1"></i>4</a></li>
														<li><a href=""><i class="icon-heart"></i>32</a></li>
													</ul>
													<div class="iconLinks">
														<a href="portfolio-project-fullwidth-image.html"
															title="link"><i class="icon-camera"></i></a> <a
															href="core/images/portfolio/zoom3.jpg"
															data-gallery="core/images/portfolio/zoom1.jpg,core/images/portfolio/zoom2.jpg"
															class="image-link" title="Zoom"><i
															class="icon-search"></i></a>
													</div>
												</figcaption>
											</figure>
											<section class="boxContent">
												<h3>Gallery</h3>
												<p>
													Lorem ipsum dolor sit amet, consectetur adipiscing elit.
													Morbi vulputate nunc ut tellus sollicitudin placerat. <br>
												</p>
												<div align="right" class="mt05">
													<a href="freelanceDetailPage.jsp"><button type="button"
															class="btn btn-success btn-xs">
															<span class="fontHeader4"><i
																class="icon-pencil iconSmall"></i> แก้ไข</span>
														</button>
														<button type="button" class="btn btn-danger btn-xs">
															<span class="fontHeader4"><i
																class="icon-minus-circled iconSmall"></i> ลบ</span>
														</button></a>
												</div>
											</section>

										</article>
										<!-- portfolio item -->

										<!-- portfolio item -->
										<article class="col-sm-3 isotopeItem cats">

											<figure>
												<img alt="" src="core/images/portfolio/vign2.jpg"
													class="img-responsive">

												<figcaption>
													<ul class="pinInfo">
														<li><a href=""><i class="icon-eye"></i>150</a></li>
														<li><a href=""><i class="icon-comment-1"></i>4</a></li>
														<li><a href=""><i class="icon-heart"></i>32</a></li>
													</ul>
													<div class="iconLinks">
														<a href="portfolio-project-fullwidth-image.html"
															title="link"><i class="icon-picture "></i></a> <a
															href="core/images/portfolio/zoom2.jpg" class="image-link"
															title="Zoom"><i class="icon-search"></i></a>
													</div>
												</figcaption>
											</figure>
											<section class="boxContent">
												<h3>Lorem ipsum dolor sit amet</h3>
												<p>
													Lorem ipsum dolor sit amet, consectetur adipiscing elit.
													Morbi vulputate nunc ut tellus sollicitudin placerat. <br>
												</p>
												<div align="right" class="mt05">
													<a href="freelanceDetailPage.jsp"><button type="button"
															class="btn btn-success btn-xs">
															<span class="fontHeader4"><i
																class="icon-pencil iconSmall"></i> แก้ไข</span>
														</button>
														<button type="button" class="btn btn-danger btn-xs">
															<span class="fontHeader4"><i
																class="icon-minus-circled iconSmall"></i> ลบ</span>
														</button></a>
												</div>
											</section>

										</article>
										<!-- portfolio item -->

										<!-- portfolio item -->
										<article class="col-sm-3 isotopeItem women">

											<figure>
												<img alt="" src="core/images/portfolio/vign4.jpg"
													class="img-responsive">

												<figcaption>
													<ul class="pinInfo">
														<li><a href=""><i class="icon-eye"></i>150</a></li>
														<li><a href=""><i class="icon-comment-1"></i>4</a></li>
														<li><a href=""><i class="icon-heart"></i>32</a></li>
													</ul>
													<div class="iconLinks">
														<a href="portfolio-project-fullwidth-image.html"
															title="link"><i class="icon-picture "></i></a> <a
															href="core/images/portfolio/zoom4.jpg" class="image-link"
															title="Zoom"><i class="icon-search"></i></a>
													</div>
												</figcaption>
											</figure>
											<section class="boxContent">
												<h3>Lorem ipsum dolor sit amet</h3>
												<p>
													Lorem ipsum dolor sit amet, consectetur adipiscing elit.
													Morbi vulputate nunc ut tellus sollicitudin placerat. <br>
												</p>
												<div align="right" class="mt05">
													<a href="freelanceDetailPage.jsp"><button type="button"
															class="btn btn-success btn-xs">
															<span class="fontHeader4"><i
																class="icon-pencil iconSmall"></i> แก้ไข</span>
														</button>
														<button type="button" class="btn btn-danger btn-xs">
															<span class="fontHeader4"><i
																class="icon-minus-circled iconSmall"></i> ลบ</span>
														</button></a>
												</div>
											</section>

										</article>
										<!-- portfolio item -->

										<!-- portfolio item -->
										<article class="col-sm-3 isotopeItem graphics">

											<figure>
												<img alt="" src="core/images/portfolio/vign8.jpg"
													class="img-responsive">

												<figcaption>
													<ul class="pinInfo">
														<li><a href=""><i class="icon-eye"></i>150</a></li>
														<li><a href=""><i class="icon-comment-1"></i>4</a></li>
														<li><a href=""><i class="icon-heart"></i>32</a></li>
													</ul>
													<div class="iconLinks">
														<a href="portfolio-project-fullwidth-image.html"
															title="link"><i class="icon-picture "></i></a> <a
															href="core/images/portfolio/zoom8.jpg" class="image-link"
															title="Zoom"><i class="icon-search"></i></a>
													</div>
												</figcaption>
											</figure>
											<section class="boxContent">
												<h3>Lorem ipsum dolor sit amet</h3>
												<p>
													Lorem ipsum dolor sit amet, consectetur adipiscing elit.
													Morbi vulputate nunc ut tellus sollicitudin placerat.<br />
												</p>
												<div align="right" class="mt05">
													<a href="freelanceDetailPage.jsp"><button type="button"
															class="btn btn-success btn-xs">
															<span class="fontHeader4"><i
																class="icon-pencil iconSmall"></i> แก้ไข</span>
														</button>
														<button type="button" class="btn btn-danger btn-xs">
															<span class="fontHeader4"><i
																class="icon-minus-circled iconSmall"></i> ลบ</span>
														</button></a>
												</div>
											</section>

										</article>
										<!-- portfolio item -->

										<!-- portfolio item -->
										<article class="col-sm-3 isotopeItem women">

											<figure>
												<img alt="" src="core/images/portfolio/vign5.jpg"
													class="img-responsive">

												<figcaption>
													<ul class="pinInfo">
														<li><a href=""><i class="icon-eye"></i>150</a></li>
														<li><a href=""><i class="icon-comment-1"></i>4</a></li>
														<li><a href=""><i class="icon-heart"></i>32</a></li>
													</ul>
													<div class="iconLinks">
														<a href="portfolio-project-fullwidth-image.html"
															title="link"><i class="icon-picture "></i></a> <a
															href="core/images/portfolio/zoom5.jpg" class="image-link"
															title="Zoom"><i class="icon-search"></i></a>
													</div>
												</figcaption>
											</figure>
											<section class="boxContent">
												<h3>Lorem ipsum dolor sit amet</h3>
												<p>
													Lorem ipsum dolor sit amet, consectetur adipiscing elit.
													Morbi vulputate nunc ut tellus sollicitudin placerat.<br />
												</p>
												<div align="right" class="mt05">
													<a href="freelanceDetailPage.jsp"><button type="button"
															class="btn btn-success btn-xs">
															<span class="fontHeader4"><i
																class="icon-pencil iconSmall"></i> แก้ไข</span>
														</button>
														<button type="button" class="btn btn-danger btn-xs">
															<span class="fontHeader4"><i
																class="icon-minus-circled iconSmall"></i> ลบ</span>
														</button></a>
												</div>
											</section>

										</article>
										<!-- portfolio item -->
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>
			</section>
		</section>
		<!-- End Content -->
		<jsp:include page="updateMyPortfolioPage.jsp"></jsp:include>
		<jsp:include page="addMyPortfolioPage.jsp"></jsp:include>
		<jsp:include page="core/template/FOOTER.jsp" />
		<script type="text/javascript" src="custom/js/PostJobPage.js"></script>

		<!-- ======================================= content ======================================= -->

	</div>
	<!-- global wrapper -->
	<!-- End Document 
	================================================== -->
</body>
</html>
